@flow-enable-color: #23C6C8;
//@trViewer-background-color:#3d3d3d;
@trViewer-background-color: #404040;
@flow-disable-color: lightgrey;
@chooseColor: aliceblue;

#contouringDIV {
  .col-lg-3 {
    padding-left: 0px;
    padding-righti: 0px;
  }

  .ibox {
  }
}

.lm-ibox-fullscreen {
  z-index: 2031;
  position: fixed;
  top: 61px;
  left: 378px;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin-bottom: 0;
}

.m-wrapper-content {
  margin: 0 0;
  padding: 0 0 !important;
  background-color: @trViewer-background-color;
}

.mBox {
  margin: 0 0;
  padding: 0 0;
  margin-bottom: 0px !important;
  background-color: @trViewer-background-color !important;
  //border:1px solid forestgreen;
  .ibox-content {
    background-color: @trViewer-background-color !important;
  }
}

.mTitle {
  margin: 0 0;
  color: white;
  background-color: @trViewer-background-color !important;
  border-top: 0px !important;
  color: grey !important;
  padding: 0px 0px !important;
  min-height: 0px !important;
  h5 {
    color: white !important;
  }
}

.mBox-content {
  height: 284px;
  border: 0px;
}

.mBox-content-4 {
  height: 438px;
  border: 0px;
}

.mBox-center-content {
  border: 0px;
  //height: 900px;
}

//
//#ajson15_anchor>i{
//  color:red;
//}

.flow-line {
  float: left;
  position: relative;
  top: 10px;
  margin: 0px 0px;
  left: -1px;
  height: 5px;
  width: 60px;
  background-color: @flow-enable-color;
  font-size: 20px;
}

.flow-line-create {
  float: left;
  position: relative;
  top: 10px;
  margin: 0px 0px;
  left: -1px;
  height: 5px;
  width: 60px;
  background-color: @flow-enable-color;
  font-size: 20px;
}

.patient-image {
  border-radius: 10px;
  width: 50px;
  height: 50px;
}

.flow-button {
  float: left;
  position: relative;
  left: -1px;
}

#searchArea {
  margin-bottom: 10px;
  span {
    padding-right: 49px;
  }

}

.flow-column {
  position: relative;
  top: 12px;
  .status-doing {
    top: -10px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
    background-color: @flow-enable-color;
    border: 1px solid @flow-enable-color;
  }
  .status-completed {
    background-color: @flow-enable-color;
    border: 1px solid @flow-enable-color;
  }
  .status-incomplete {
    background-color: @flow-disable-color;
    border: 0px solid @flow-disable-color;
    &:hover {
      background-color: @flow-disable-color;
      cursor: pointer !important;
    }
  }

  .status-incomplete-line {
    background-color: @flow-disable-color;
  }

  #flowcolumn2 {
    button {
      margin-left: 20px !important;
    }

  }
}

#TRviewerHeader {
  background-color: @trViewer-background-color;
  a {
    height: 40px;
    font-size: 20px;
    background-color: @trViewer-background-color;
    //border:1px solid grey;
    i {
      color: white;
    }
  }
}

.TRtree {
  border-right: 1px solid white;
  .tr-background {
    padding: 0px;
    margin: 0px;
    background-color: @trViewer-background-color;
    color: white;
  }
  #topTree {
    border-top: 0px;
  }
}

.mCol-center {
  border-right: 1px solid white;
}

.background {
  background-color: white;
  padding: 20px 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
  border-radius: 4px;
}

#icheckbox {
  padding-left: 0px;
}

#icheckbox1 {
  padding-left: 40%
}

.register_code {
  width: 43%;
  float: left;
}

.gray-bg {
  background-color: #f3f3f4;
}

//.jstree-clicked {
//  background-color: @trViewer-background-color !important;
//  box-shadow: inset 0 0 0px #999 !important;
//  border: 0px;
//}
//
//.jstree-hovered{
//
//    background-color: @trViewer-background-color !important;
//    box-shadow: inset 0 0 0px #999 !important;
//    border: 0px;
//
//}

.test {
  background-color: red;
}

.margin_r_5 {
  margin-right: 2px;
}

.margin_r_10 {
  margin-right: 10px;
}

.margin_t_5 {
  margin-top: 5px;
}

.bgcolor_allrecord {
  background-color: rgba(248, 172, 89, 1);
}

.bgcolor_complete_record {
  background-color: rgba(26, 179, 148, 1);
}

.bgcolor_drawback_record {
  background-color: rgba(237, 85, 101, 1);
}

.bgcolor_nopayment_record {
  background-color: rgba(35, 198, 200, 1);
}

//
//#validatePageContent{
//  & >div{
//    &:first-child {
//      margin-top:30px;
//    }
//    margin-bottom: 50px;
//    & >div{
//      margin-bottom: 50px;
//      &:last-child>div {
//        margin-bottom:30px;
//      }
//    }
//  }
//  input[type="text"]{
//    border:none !important;
//    border-bottom: 1px solid #aaaaaa !important;
//    text-align: center;
//  }
//}

@media print {
  #validatePageContent {
    & > div {
      &:first-child {
        margin: 0px;
        padding: 0px;
      }
      margin-bottom: 30px;
      & > div {
        margin-bottom: 30px;
        &:last-child > div {
          margin-bottom: 10px;
        }
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
    }
  }

  #radiotherapyRecord {
    & > div {
      margin-bottom: 10px;
      & > div {
        // margin-bottom: 20px;
      }
    }
    .rowheight {
      border: 1px solid black;
      padding-top: 15px;
      & > div {
        min-height: 35px;
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
      width: 80px;
    }

    textarea {
      border: 1px solid black;
    }

    #treatedArea, #position, #fixed {
      & > div {
        & > div {
          margin: 5px 0px;
          height: 40px;
        }
      }
    }
    #technology, #validate, #clinicalTrial, #registration {
      & > div {
        & > div {
          min-width: 60px;
          margin: 5px 0px;
          height: 40px;
        }
      }
      input[type="text"] {
        width: 90%;
        text-align: left;
      }
    }
    #clinical {
      width: 90%;
      text-align: left;
    }
    #recordTable {
      margin-top: 10px;
      & > div {
        & > div {
          margin-top: 10px;
        }
      }
    }
  }

  //入院证
  #hospitalizedCard {

    & > div {
      padding: 0 !important;

      margin-bottom: 30px;
      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 30px;
        &:last-child > div {
          margin-bottom: 20px;
        }
      }
    }
    #caseCard {
      display: inline;
      font-size: 15px;
      margin-right: 0px;
      margin-top: 14px;
      input {
        width: 120px;
      }
    }
    #birthdatRow1, #birthdatRow2 {
      input {
        width: 80px;
      }
    }
    #hospitalizedCardtitle {
      margin-left: 20mm;
    }

    input[type="text"] {

      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
    }
  }

  //检验单
  #checkoutForm {
    & > div {
      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 0px;
        &:last-child > div {
          margin-bottom: 20px;
        }
      }
    }
    #rightMark {
      display: inline;
      font-size: 15px;
    }
    #secondRow {
      .inputLength {
        width: 50px;
      }
      margin-top: 0;
      input {
        width: auto;
      }
    }
    p {
      margin: 0;
      padding: 0;

    }

    input[type="text"] {
      margin: 0 !important;
      padding: 0 !important;
      width: 60px;
      border: none !important;
      //border-bottom: 1px solid #aaaaaa !important;
      text-align: left;
    }
  }

  //处方笺
  #modelForm {
    & > div {

      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 0px;
        &:last-child > div {
          margin-bottom: 0px;
        }
      }
    }
    p {
      margin: 0;
      padding: 0;
    }
    #rightMark {
      display: inline;
      font-size: 15px;
      //margin-right: 30px;

    }

    input[type="text"] {
      width: 100px;
      border: none !important;
      //border-bottom: 1px solid #aaaaaa !important;
      text-align: left;
    }
  }

  //腔内近距离治疗申请单
  #afterloading {
    .ibox-content {
      border-top: 1px solid black;
      padding-top: 5px;
      padding-bottom: 5px;
      & > div {
        height: 30px;
        #treatWay {
          & > div {
            margin-top: 0;
          }
        }
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
      width: 80px;
    }
    #clinicalArea {
      & > div {
        & > div {
          text-align: left;
        }
      }
      input[type="text"] {
        border: none !important;
        border-bottom: 1px solid #aaaaaa !important;
        text-align: center;
        width: 100%;
      }
    }
    table {
      margin-bottom: 0;
      td {
        border-top: 1px solid black;
        padding: 0;
        padding-bottom: 5px;
      }
      .border {
        border: none;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
      }
      .paddingLeft {
        padding-left: 15px;
      }
      .tdCenter {
        text-align: center;
        vertical-align: middle;
      }
      .radioLeft {
        text-align: left;
        vertical-align: middle;
      }
      .rowHeight {
        height: 30px;
      }
    }
  }
}

@media screen {
  //验证
  #validatePageContent, #modelForm {

    & > div {
      margin-bottom: 30px;
      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 30px;
        &:last-child > div {
          margin-bottom: 20px;
        }
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
    }
  }

  #radiotherapyRecord {
    & > div {
      margin-bottom: 10px;
      & > div {
      }
    }
    .rowheight {
      border: 1px solid black;
      padding-top: 15px;
      & > div {
        min-height: 35px;
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
      width: 80px;
    }

    textarea {
      border: 1px solid black;
      height: 162px;
    }

    #treatedArea, #position, #fixed {
      & > div {
        & > div {

          margin: 5px 0px;
          height: 40px;
        }
      }
    }
    #technology, #validate, #registration, #clinicalTrial {
      & > div {
        & > div {
          min-width: 60px;
          margin-top: 10px;
          height: 40px;
        }
      }
      input[type="text"] {
        width: 90%;
        text-align: left;
      }
    }
    #clinical {
      width: 90%;
      text-align: left;
    }

    #recordTable {
      & > div {
        & > div {
          margin-top: 10px;
        }
      }
    }
  }

  #hospitalizedCard {
    & > div {
      margin-bottom: 30px;
      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 30px;
        &:last-child > div {
          margin-bottom: 20px;
        }
      }
    }
    #hospitalizedCardtitle {
      margin-left: 150px;
    }
    #caseCard {
      display: inline;
      font-size: 15px;
      margin-right: 30px;
      margin-top: 14px;
    }
    #birthdatRow1, #birthdatRow2 {
      input {
        width: 80px;
      }
    }

    input[type="text"] {
      width: 150px;
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
    }
  }

  //检验报告
  #checkoutForm {
    & > div {

      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 0px;
        &:last-child > div {
          margin-bottom: 0px;
        }
      }
    }
    p {
      margin: 0;
      padding: 0;
    }
    #rightMark {
      display: inline;
      font-size: 15px;
      //margin-right: 30px;

    }

    input[type="text"] {
      border: none !important;
      //border-bottom: 1px solid #aaaaaa !important;
      text-align: left;
    }
  }

  //处方笺
  #modelForm {
    & > div {

      &:first-child {
        margin: 0px;
        padding: 0px;
      }

      & > div {
        margin-bottom: 0px;
        &:last-child > div {
          margin-bottom: 0px;
        }
      }
    }
    p {
      margin: 0;
      padding: 0;
    }
    #rightMark {
      display: inline;
      font-size: 15px;
      //margin-right: 30px;

    }

    input[type="text"] {
      width: 100px;
      border: none !important;
      //border-bottom: 1px solid #aaaaaa !important;
      text-align: left;
    }
  }

  //腔内近距离治疗申请单
  #afterloading {
    .ibox-content {
      border-top: 1px solid black;
      // padding-bottom: 0;
      & > div {
        height: 30px;
        #treatWay {
          & > div {
            margin-top: 0;
          }
        }
      }
    }
    input[type="text"] {
      border: none !important;
      border-bottom: 1px solid #aaaaaa !important;
      text-align: center;
      width: 80px;
    }
    #clinicalArea {
      & > div {
        & > div {
          text-align: left;
        }
      }
      input[type="text"] {
        border: none !important;
        border-bottom: 1px solid #aaaaaa !important;
        text-align: center;
        width: 100%;
      }
    }
    table {
      margin-bottom: 0;
      td {
        border-top: 1px solid black;
        padding: 0;
      }
      .border {
        border: none;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
      }
      .paddingLeft {
        padding-left: 15px;
      }
      .tdCenter {
        text-align: center;
        vertical-align: middle;
        //writing-mode: ;
        // margin: 30% 0 0 0;
      }
      .radioLeft {
        text-align: left;
        vertical-align: middle;
      }
      .rowHeight {
        height: 30px;
      }
    }
  }

}

.treathead {
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
}

.printOnTab {
  @media print {
    position: relative;
    top: -450px;
  }
}

.tableShadow {
  box-shadow: 10px 10px 20px #888888;
  border: 1px solid #eeeeee;
  border-radius: 2px;
}

.whitebroad {
  // margin-left:300px;
  //background-color: rgb(243, 243, 244);
  /*  background-color: white;*/
  border: 38px solid #ffff00;
  border-image: url(/img/whiteBoard06.png) 38;
  box-shadow: 10px 10px 30px #888888;
  min-width: 615px;
  padding-left: 0px;
  padding-right: 0px;
}

.pointer {
  cursor: pointer;
}

#schedule {
  table {
    margin-bottom: 0px;
    thead {
      td {
        font-weight: 700;
        padding-bottom: 0px;
        font-size: 20px;
      }
    }
    td {
      text-align: center;
      vertical-align: middle;
      padding: 0;
      border: 1px solid;
      & > div {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
      }
      .font_size {
        font-size: 20px !important;
      }
    }
  }
  .fa_margin {
    padding: 0;
    margin-top: 10px;
  }
  .not_list {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
}

.chooseColor {
  background-color: @chooseColor;
}

.no-padding-left {
  padding-left: 0;
}

.rangeInput {
  height: 24px;
  padding: 0;
  background-color: gray;
  color: #eeeeee;
  text-align: center;
}
.rangeSlide{
  height: 256px!important;margin-top: 70px;margin-left: 20px;z-index: 999
}
//.chat-avatar{
//  white: 50px;
//  height: 45px;
//  float: left;
//  margin-right: 14px;
//}
//.chat-user {
//  padding: 20px 12px;
//  border-bottom: 1px solid #e7eaec;
//}
//
//.chat-user a {
//  color: inherit;
//}


